<template>
  <div>
    <ul>
      <li v-for="img in imgList">
        <img :src="`/upload/${img}`" alt="" />
      </li>
    </ul>
  </div>
</template>

<script lang="ts" setup>
import { onMounted, ref } from 'vue'

const imgList = ref([])

onMounted(async () => {
  const result = await window.exposeApi.loadGalleryImg()
  imgList.value = result
})
</script>

<style lang="stylus" scoped>
ul
  display flex
  flex-wrap wrap
  list-style none
  li
    width 33.33333%
    list-style none
    img
      width 1.58rem
      height 1.06rem
</style>